<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>品车会</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./styles/index.css">
</head>
<body>
<div id="wrapper">
    <div id="slider" class="ui-slider">
        <ul class="ui-slider-content">
            <li class="current"><span style="background-image:url(../images/sliders/1.jpg)"></span></li>
            <li class=""><span style="background-image:url(../images/sliders/2.jpg)"></span></li>
            <li class=""><span style="background-image:url(../images/sliders/1.jpg)"></span></li>
            <li class=""><span style="background-image:url(../images/sliders/1.jpg)"></span></li>
        </ul>
        <div class="ui-ads"><p id="banner-content">品车会 放心之选：4S店认证二手车</p></div>
    </div>
    <div class="nav" id="nav">
        <div class="touch-box cl"><span class="ui-icon-M icon l"></span> <span class="ui-icon-eight icon r"></span>
        </div>
        <div class="search-box"><input id="search-input" type="search" placeholder="按品牌 车型搜索" readonly="readonly"> <i
                class="ui-icon-nine icon search-icon"></i></div>
        <div class="switch-box"><span class="ui-icon-I icon"></span></div>
    </div>
    <div class="modal">
        <div class="item item-1 hide"><img src="../images/01.png" alt=""></div>
        <div class="item item-2 hide"><img src="../images/02.png" alt=""></div>
    </div>
    <div class="results ui-row" id="view">
        <section class="ui-placehold-wrap">
            <div class="ui-placehold">数据加载中...</div>
        </section>
    </div>
    <a id="J-top" href="#nav" class="backtop backtop-fixed"><i class="ui-icon-O icon icon-backtop"></i></a></div>
<div id="choose" class="choose">
    <div class="ui-row-flex ui-whitespace container">
        <div class="ui-col ui-col-1 step-tab">
            <ul>
                <li class="active">品牌</li>
                <li class="ui-border-t">车龄</li>
                <li class="ui-border-t">价格</li>
                <li class="ui-border-t">里程</li>
            </ul>
        </div>
        <div class="ui-col ui-col-4 step-content">
            <div class="item" id="brands-container"></div>
            <ul class="item hide" data-name="mjType">
                <li class="ui-empty" data-value="1">3年以内</li>
                <li class="ui-empty" data-value="2">5年以内</li>
                <li class="ui-empty" data-value="3">5-8年以内</li>
                <li class="ui-empty" data-value="4">8年以上</li>
            </ul>
            <ul class="item hide" data-name="priceType">
                <li class="ui-empty" data-value="1">5万元以内</li>
                <li class="ui-empty" data-value="2">5-10万元</li>
                <li class="ui-empty" data-value="3">10-20万元</li>
                <li class="ui-empty" data-value="4">20-30万元</li>
                <li class="ui-empty" data-value="5">30-50万元</li>
                <li class="ui-empty" data-value="6">50-100万元</li>
                <li class="ui-empty" data-value="7">100万元以上</li>
            </ul>
            <ul class="item hide" data-name="mileageType">
                <li class="ui-empty" data-value="1">5万公里以内</li>
                <li class="ui-empty" data-value="2">10万公里以内</li>
                <li class="ui-empty" data-value="3">15万公里以内</li>
            </ul>
        </div>
    </div>
    <ul class="ui-row op">
        <li class="ui-col ui-col-50">
            <button class="ui-btn-lg" id="resetbtn">重置</button>
        </li>
        <li class="ui-col ui-col-50">
            <button class="ui-btn-lg ui-btn-primary" id="surebtn">确定</button>
        </li>
    </ul>
</div>
<script type="text/html" id="tpl"><% if(state==0 && data) { %><% if(mode==2) {%>
<ul class="ui-grid-halve"><%}%><% for(var i = 0, len = data.length; i < len; i++){ %><% var model = data[i]; %><%
    if(mode==2) {%>
    <li><%}%>
        <div class="item" data-id="<%=model.id%>"><img src="./images/blank.gif" alt="汽车图片"
                                                       class="lazy car-img ui-col ui-col-33" data-echo="<%=model.pic%>">

            <div class="info ui-col ui-col-67">
                <div class="price"><span class="coin">&yen;</span> <span class="money"><%=model.price_siglesale%></span>
                    <span class="unit">万</span></div>
                <div class="cartype"><%=model.title%></div>
                <div class="location"><i class="ui-icon-less icon icon-location"></i><%=model.province%></div>
                <div class="other"><%=new Date(model.addtime.replace(/-/g,
                    "/")).format('yyyy-MM')%>/<%=model.mileage%>万公里
                </div>
            </div>
        </div>
        <% if(mode==2) {%>
    </li>
    <%}%><% } %><% if(mode==2) {%>
</ul><%}%><% if(total>current+1){ %>
<div class="ui-flex ui-flex-pack-center"><label class="ui-label J-loadmore" data-next="<%=current+1%>">点击加载更多</label>
</div><% }else{ %>
<div class="ui-flex ui-flex-pack-center">
    <div>没有更多数据了</div>
</div><% } %><% }else{ %>
<section class="ui-notice"><i></i>

    <p>没有相关数据</p></section><% } %></script>
<script type="text/html" id="brands-list-tpl">
    <ul
    class="brands" data-name="brandId"><% for (key in list){ %><% var brands = list[key]; %>
    <li class="parent" id="bd-<%=key%>"><%=key%></li><% for(var i=0,len=brands.length; i
    <len; i++){ %><% var brand = brands[i]; %>
    <li class="ui-empty" data-value="<%=brand.id%>"><img src="<%=brand.img%>" alt="brand-logo" class="brand-logo">
        <span><%=brand.autoname%></span></li><% } %><% } %></ul>
    <ul class="fast-posi"><% for (key in list){ %>
        <li><a href="#bd-<%=key%>"><%=key%></a></li>
        <% } %>
    </ul></script>
<script type="text/javascript" src="../libs/sea.js"></script>
<script type="text/javascript" src="../modules/c.js"></script>
<script>seajs.use('modules/index');</script>
</body>
</html>